/*
*@fileName:base.css
*@createTime:2015/11/9
*@author:ChenShiyu
*@function:样式重置、样式分离、其他特殊样式
*/
/**定义全局样式*/
/*selector: color, background, cursor, and outline*/
/* ::selection{
    color: #FFFFFF;
    background: #1bb69f;
} */

::-webkit-scrollbar  
{  
    width: 3px;  
    height: 3px;  
}  
  
::-webkit-scrollbar-track-piece  
{  
    background-color: #ffffff;  
    -webkit-border-radius: 3px;  
}  
  
::-webkit-scrollbar-thumb:vertical  
{  
    height: 5px;  
    background-color: #666;  
    -webkit-border-radius: 3px;  
}
 
::-webkit-scrollbar-thumb:horizontal  
{  
    width: 5px;  
    background-color: #666;  
    -webkit-border-radius: 3px;  
}

/**box-sizing property allows us to include the padding and border in an element's total width and height.*/
* {
    box-sizing: border-box;
}

body,p,h1,h2,h3,h4,fieldset,ul,ol,dl,dd,input{ margin:0;}
fieldset,ul,ol,input,textarea,option,th,td{ padding:0;}
h1,h2,h3,h4,input,textarea,select{ font-size:100%;}
body{ font-family:Microsoft YaHei, Tahoma, sans-serif;font-size:12px;line-height: 20px;color:#6d6d6d;}
img{ border:none;}a{ color:#6d6d6d;text-decoration: none;}
input,textarea,select{ font-family:Simsun; vertical-align:middle;}
table{ border-collapse:collapse; border-color:#d8d8d8;/* line-height:2; */}
dfn,i,em{font-style:normal; font-weight:normal;}
ol,ul{list-style:none;}
.cb{*zoom:1}.cb:after{ content:'';display:table-cell;height:0; line-height:0; font-size:0; clear:both;}
input{vertical-align: middle;}
/************通用样式库*************/
img{vertical-align: bottom;}
.tl{text-align:left !important;} .tc{text-align:center;} .tr{text-align:right;}  .fl{float:left;}.vt{ vertical-align:top;}
.fr{float:right;} .pa{position:absolute;} .pr{position:relative;} .hide{display:none;}
.disb{display: block;}
.clear{clear:both;}
.mauto{margin: 0 auto;}
/* 边距 */
.m5{margin:5px;} .m10{margin:10px;} .m15{margin:15px;} .m20{margin:20px;}
.p5{padding:5px;} .p10{padding:10px;} .p15{padding:15px;} .p20{padding:20px;}
.mt5{margin-top:5px;} .mt10{margin-top:10px;} .mt15{margin-top:15px;} .mt20{margin-top:20px;} .mt25{margin-top:25px;}.mt30{margin-top:30px;} .mt40{margin-top: 40px;}
.mr5{margin-right:5px;} .mr10{margin-right:10px;} .mr15{margin-right:15px;} .mr20{margin-right:20px;} .mr35{margin-right:35px;}
.mb5{margin-bottom:5px;} .mb10{margin-bottom:10px;} .mb15{margin-bottom:15px;} .mb20{margin-bottom:20px;} 
.ml5{margin-left:5px;} .ml10{margin-left:10px;} .ml15{margin-left:15px;} .ml20{margin-left:20px;} .ml_20{margin-left:-20px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}.ml50{margin-left:50px;}.ml60{margin-left: 60px;} .ml150{margin-left: 150px;}
.pt5{padding-top:5px;} .pt10{padding-top:10px;} .pt15{padding-top:15px;} .pt20{padding-top:20px;} .pt30{padding-top:30px;}  .pt50{padding-top:50px;} .pt65{padding-top: 65px;}
.pr5{padding-right:5px;} .pr10{padding-right:10px;} .pr15{padding-right:15px;} .pr20{padding-right:20px;}
.pb5{padding-bottom:5px;} .pb10{padding-bottom:10px;} .pb15{padding-bottom:15px;} .pb20{padding-bottom:20px;} .pb40{padding-bottom: 40px;}
.pl5{padding-left:5px;} .pl10{padding-left:10px;} .pl15{padding-left:15px;} .pl20{padding-left:20px;} .nmt{ margin-top:0 !important;}

/*文字*/
.f12{font-size:12px;} .f14{font-size:14px;} .f16{font-size:16px;} .f18{font-size: 18px;} .f22{font-size:22px;} .f24{font-size: 24px;} 
.w5{ width:5%;}

/* 宽高度 */
.h30{height: 30px;}.h45{height: 45px;display: inline-block;} .h60{height: 60px;} .h150{height: 150px;} .h189{height: 189px;} .h210{height: 220px;} .h220{height: 220px;} .h245{height: 245px;} .h400{height: 400px;}
.w10{ width:10%;}.w45{ width:45%;} .w10p{ width:10% !important;}  .w87p{ width:87% !important;} .w85{ width:85% !important;}.w89p{ width:89% !important;}
.w6px{width: 6px;display: inline-block;} .w8px{width: 8px;display: inline-block;} .w24px{width: 24px;display: inline-block;} .w36px{width: 36px;display: inline-block;} .w42px{width: 42px;display: inline-block;}
.w40{ width:40px;} .w90{ width:90px;}.w120{ width:120px;}.w140{ width:140px;}.w150{ width:150px;}.w180{ width:180px;} .w200{ width:200px;} .w260{ width:260px;} .w270{ width:270px;} .w414{ width:414px;} .w420{ width:420px;} .w460{ width:460px;} .w520{ width:520px;} .w770{ width:770px;}

/* 颜色 */
.red{color: #ff6c6c}  .blue{color: #3c87b1;} .green{color:#009933 !important;} .yellow{color:#cc9933 !important;} 
.prinkbg{background: #ffcccc !important;} .greenbg{background: #ccffcc !important;} .orangebg{background: #ffcc99 !important;} .yellowbg{background: #ffffcc !important;} .bluebg{background: #99ccff !important;} 

.display_none{display:none}
.display_block{display:block}
.fixed{position:fixed}
#ittab .format .datagrid-cell a{background:#56BDF1;color:#fff;}
#ittab .format .datagrid-cell a:hover{background:#3eb4ef;}
.order-btn-option{line-height: 2;vertical-align: middle; margin-left:6px;background:#56BDF1;color:#fff;padding:2px;margin:2px 2px;display:inline-block;}
.order-btn-option:hover{background:#4682B4;}
/*按钮*/
.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
	
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn, .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-warning.active, .btn-warning:active, .btn.active, .btn:active, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover, .form-control, .navbar-toggle, .open>.btn-danger.dropdown-toggle, .open>.btn-default.dropdown-toggle, .open>.btn-info.dropdown-toggle, .open>.btn-primary.dropdown-toggle, .open>.btn-warning.dropdown-toggle {
    background-image: none;
}

.btn-default {
    color: #767676;
    background-color: #fff;
    border-color: #ccc;
}

.btn-primary {
    color: #fff;
    /* background-color: #1BB7A0;
    border-color: #18a18d; */
    background-color: #56BDF1;
    border-color: #56BDF1;
}
.btn-primary:hover {
    background-color: #27abed!important;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #56BDF1;
    border-color: #56BDF1;
}

.btn-success {
    color: #fff;
    background-color: #94B758;
    border-color: #88ac4a;
}

.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #7a9a42;
    border-color: #668138;
}

.btn-info {
    color: #fff;
    background-color: #56BDF1;
    border-color: #3eb4ef;
}

.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #27abed;
    border-color: #129ade;
}

.btn-warning {
    color: #fff;
    background-color: #F3C536;
    border-color: #f2be1e;
}

.btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #e8b30e;
    border-color: #c6990c;
}

.btn-danger {
    color: #fff;
    background-color: #FA7B58;
    border-color: #f9673f;
}

.btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #f95426;
    border-color: #f43a07;
}

.btn-dark {
    color: #fff;
    background-color: #242633;
    border-color: #191b24;
}

.btn-dark.active, .btn-dark.focus, .btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #0f1015;
    border-color: #000;
}

.btn-gap-v {
    margin: 0 0 5px;
}

.btn-w-xs {
    min-width: 80px;
}

.btn-w-lg {
    min-width: 150px;
}

.btn-w-sm {
    min-width: 100px;
}

.btn-w-md {
    min-width: 120px;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.btn-md {
    padding: 8px 12px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}

.has-error{
	border: 1px solid #ff6c6c !important;;
}
